<template>
    <el-steps :active="__config__.active">
        <el-step v-for="(item, index) in __slot__.options" :key="index">
            <template slot='icon'>
                <div class="el-step__icon-inner" @click="jumpStep(index)">{{index + 1}}</div>
            </template>
            <template slot='title'>
                <div @click="jumpStep(index)">{{item.title}}</div>
            </template>
        </el-step>
    </el-steps>
</template>
<script>
export default {
    name: 'steps',
    data () {
        return {}
    },
    props: ['__config__', '__slot__'],
    methods: {
        jumpStep (idx) {
            this.$emit('jumpStep', idx)
        }
    }
}
</script>